<div class="header_top">
    <div class="container">
        <p class="logo">converse</p>
      
        <ul class="nav_ul">
            <li>
                <i class="iconfont">&#xe600;</i><a href="/html/login.html" class="nav_li">登录/</a>
                <a href="/html/register.html" class="nav_li_reg">注册</a></li>
            <li>
                <i class="iconfont">&#xe624;</i>
                <a href="#" class="nav_li logout">售后服务</a>
            </li>
            <li><i class="iconfont">&#xe618;</i><a href="/html/shopping.html" class="nav_li">购物车(<span id="shopnum">0</span>)</a></li>
        </ul>
    </div>
</div>
<div class="header_bottom">
    <div class="container">
        <ul class="nav_ul2" id="tabList">
            
            
        </ul>
        <script type="text/html" id="tabsTemplate">
          {{each list tab, index}}
            <li><a href="/html/category.html#{{tab.id}}" target="_blank" class="con_gift {{ tab.id == id ? 'ac' : '' }}">{{tab.name}}</a></li>
          {{/each}}
        </script>

        <div class="search">
            <input type="text" class="input_search" id="input_search">
            <button>搜索</button>
            <ul class="result"></ul>
        </div>
    </div>
</div>
<div class="down">
        <div class="nav_down nav_gift">
            <div class="content">
                <p class="mulu">风格</p>
                <p class="mulu">系列</p>
                <p class="mulu">价格</p>
                <ol class="down_list">
                    <li>
                        <a href="/html/category.html">男鞋</a>
                    </li>
                    <li>
                        <a href="/html/category.html">女鞋</a>
                    </li>
                    <li>
                        <a href="/html/category.html">儿童鞋</a>
                    </li>
                    <li>
                        <a href="/html/category.html">配件</a>
                    </li>
                </ol>

                <ol class="down_list">
                    <li>
                        <a href="/html/category.html">高帮系列</a>
                    </li>
                    <li>
                        <a href="/html/category.html">休闲系列</a>
                    </li>
                    <li>
                        <a href="/html/category.html">优雅系列</a>
                    </li>
                    <li>
                        <a href="/html/category.html">时尚潮流</a>
                    </li>
                    <li>
                        <a href="/html/category.html">更多好物</a>
                    </li>
                </ol>

                <ol class="down_list">
                    <li>
                        <a href="/html/category.html">200以下</a>
                    </li>
                    <li>
                        <a href="/html/category.html">200-300</a>
                    </li>
                    <li>
                        <a href="/html/category.html">300-400</a>
                    </li>
                    <li>
                        <a href="/html/category.html">400-500</a>
                    </li>
                    <li>
                        <a href="/html/category.html">500以上</a>
                    </li>
                </ol>
                <a href="/html/category.html" class="look_more">查看全部>></a>
            </div>
            <a href="/html/category.html" class="img_src"><img src="/images/cb.jpg" alt=""></a>
        </div>
</div>
